﻿$(function () {
    document.onkeydown = function (e) {
        e = e ? e : window.event;
        var keyCode = e.which ? e.which : e.keyCode;
        if (keyCode == 13) {
            Search();
        }
    }
})

/*
parent父级ID、
clsName 元素class
*/
function waterfall(parent, clsName) {
    var $parent = $('#' + parent);//父元素
    var $boxs = $parent.find('.' + clsName);//所有box元素
    var iPinW = $boxs.eq(0).width() + 15;//一个块框的宽度
    var cols = Math.floor($(window).width() / iPinW);//列数
    $parent.width(iPinW * cols).css({ 'margin': '0 auto' });
    var pinHArr = [];//用于存储每列中所有块框相加的高度
    $boxs.each(function (index, dom) {
        if (index < cols) {
            pinHArr[index] = $(dom).height();//所有列高度 
        } else {
            var minH = Math.min.apply(null, pinHArr);//数组中最小的值minH
            var minHIndex = $.inArray(minH, pinHArr);
            $(dom).css({ 'position': 'absolute', 'top': minH + 15, 'left': $boxs.eq(minHIndex).position().left });
            pinHArr[minHIndex] += $(dom).height() + 15;//更新添加块框后的列高
        }
    });

}
//检验是否满足加载数据条件，即触发添加块函数 waterfall() 的高度 最后一个块框的距离网页顶部+自身身高的一半
function checkscrollside(parent, clsName) {
    //最后一个块框
    var $lastBox = $('#' + parent).find('.' + clsName).last(),
     x = $lastBox.offset(),
        lastBoxH = x.top + $lastBox.height() / 2,
    scrollTop = $(window).scrollTop(),
    docmentH = $(document).height();
    return lastBoxH < screenTop + docmentH ? true : false;
}

function Search() {
    var shopName = $("#shopName").val();
    if (shopName == "") {
        FailedAlert("输入店铺名称")
        return
    }
    var index = layer.load(0, { shade: false }); //0代表加载的风格，支持0-2
    $.post("/Home/Search", { shopName: shopName }, function (data) {

        if (data.code == 1) {
            //添加数据
            $("#main").html("");
            for (var i = 0; i < data.data.length; i++) {
                var item = data.data[i];
                var url = item.shopUrl.trim();
                var $box = $('<div class="box" onclick="openDetal(\'' + url + '\')"></div>');//
                $box.html('<img src="' + item.picUrl + '" />' +
            '<div class="list-info">  <h4> <a>' + item.title + '</a></h4>  <p>' +
            '<span>卖家:' + item.nick + '</span></p><span> <span>销量：<em>' + item.totalsold + '    </em></span>' +
            '<span>共 <em>' + item.procnt + '      </em> 件宝贝</span> </span><div>好评率：' + item.goodratePercent + '   </div> </div>');
                $("#main").append($box);

            }
        }
        else {
            $("#main").append("");
        }
        layer.close(index);
    });
}
function openDetal(url) {
    if (url != "") { 
        window.open("/Home/Detail?url=" + url);

    }
}
///登陆 
$('#prosearch').click(function () {
    var prod = $("#productName").val();
    if (prod == "") {
        return;
    }
    $.post("/Home/ProductSearch", { productName: prod }, function (data) {
        if (data.code == 1) {
            $("#main").html("");
            //for (var i = 0; i < data.data.length; i++) {
            //    var item = data.data[i];
            //    $("#main").append('<div class="pbox"><img src="' + item.picUrl + '" /><p> <span>' + item.title + '</span></p><p>' +
            //        '<span>价格：￥<em>' + item.price + '</em></span></p></div>');
            //}
        } else {
            FailedAlert(data.msg);
            
        }
    });
});
//给div盒子添加事件  选中和取消选中checkbox
$(".pbox").click(function () {
    var ipt = $(this).find("input[type='checkbox']");

    if (ipt.is(':checked')) {
        ipt.prop("checked", false)
    } else {

        ipt.prop("checked", true)
    }

});
//全选复选框 点击事件
$("#checkedAll").click(function () {
    checkAll("pbox", "checkedAll")
});
//保存
$("#btnSave").click(function () {
    var url = GetCheckVals(".pbox");
    if (url == "") {
        FailedAlert("没有选中商品");
        return;
    }
    var index = layer.load(0, { shade: false }); //0代表加载的风格，支持0-2
    $.post("/Home/Save", { url: url }, function (data) {  
        if (data.code == 1) {
            SetCheckedFaslse("pbox")
            SuccessAlert('收藏成功') 
        } 
        else {
            FailedAlert(data.code); 
        }
        layer.close(index);
    });

});
